body,html{
    height: 100%;
}
body{
    background: url(../static/images/img5.png ) 100% 100% no-repeat ;
    background-position: center;
}
#top{
    .logo{
        overflow: hidden;
        position: relative;
        img{
            width: 110%;
            height: 110%;
            position: absolute;
            top: -5px;
            left:-4px;
        }
    }
}
form{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 80%;
    transform: translate(-50%,-50%);
    width: 450px;
    height:  450px;
    background:rgba(231, 230, 230,.3);
    .alertText{
        font-size: 12px;
        color: red;
        visibility: hidden;
    }
    .alertPsd{
        font-size: 12px;
        color: red;
        visibility: hidden;
    }
    h2{
        margin: 15px 0;
        font-size: 22px;
        font-weight: 700;
    }
    input{
        opacity: .9;
        margin: 10px 0;
        width: 300px;
        height: 50px;
        border: 0px;
        box-sizing: border-box;
        padding-left: 10px;
        &:nth-child(4){
            padding: 0;
        }
    }
    p{
        margin-top: 25px;
    }
    .detail{
        width: 300px;
        height: 50px;
        margin: 15px auto;
        line-height: 50px;
        font-size: 14px;
        color: grey;
        img{
            width: 14px;
            height: 14px;
            vertical-align: middle;
            margin-right: 3px;
        }
    }
    .small_logo{
        margin-top: 30px;
        img{
            width: 20px;
            height: 20px;
            margin: 0 10px;
        }
    }
}